html{
    background-color: #f4f4f4;
}
.Promotionpage{
    width: 100%;
}
.Promotionpage-wrap{
    width: 94%;
    margin: 0 auto;
}
.Promotioncard{
    width: 100%;
    background-color: #f4f4f4;
}
.Promotioncard-center{
    display: block;
    height: 8rem;
    margin: 0 auto;
    background: -webkit-linear-gradient(left,#fad165,#fab51c);  
    background: -o-linear-gradient(left,#fad165,#fab51c);  
    background: -moz-linear-gradient(left,#fad165,#fab51c);  
    background: -mos-linear-gradient(left,#fad165,#fab51c);  
    background: linear-gradient(left,#fad165,#fab51c);  
    text-align: center;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
}
.Promotionnumber-box{
    height: 3.5rem;
}
.Promotionnumber{
    margin-top: 0.8rem;
    float: left;
    width: 7.5rem;
    height: 2.35rem;
    line-height: 2.3rem;
    background:url(/mimage/Background.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    -webkit-background-origin:content-box;
    background-origin:content-box;
    color: #ffffff;
}
.promotionicon{
    float: right;
    width: 0; 
    height: 0; 
    border-top: 0.7rem solid transparent; 
    border-left: 1rem solid #C08134; 
    border-bottom: 0.7rem solid transparent; 
    margin-top: 0.8rem;
    margin-right: 0.8rem;
}
.tuiguang{ 
    display: flex;
}

.tuiguang .sponsoredlinks{
    flex:1.2;
    margin-top: 0.8rem;
    height: 2.5rem;
    line-height: 2.7rem;
    background-color: #282c2f;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 1.1rem;
    margin-right: 5px;
}
.tuiguang .lianjieone{
    flex: 2;
    margin-top: 0.8rem;
    height: 2.5rem;
    line-height: 2.7rem;
    background-color: #D01132;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    margin-bottom: 1.1rem;
}
.tuiguang .lianjieone a{
    color: #fff;
}
.Pnumber{
    padding: 0.2rem 0.5rem;
    font-size: 2rem;
    font-weight: 550;
}
.myCommission{
    height: 3rem;
    background-color: #fff;
    border:1px solid #E1E1E1;
    margin-top: 1rem;
    line-height: 3rem;
    padding: 0 0.8rem;
    border-radius: 2px;
}
.myCommission .myCommission_tit{
    font-size: 1rem;
}
.myCommission .myCommission_hint{
    color:#A9A9A9;
    font-size: 0.8rem;
}
.promotion_detail{
    margin-top:0.3rem;
    display: flex;
    flex-wrap: wrap;
    /* justify-content:space-between; */
}
.promotion_detail .p_d_item{
    display: inline-block;
    width: 32%;
    border:1px solid #E1E1E1;
    background:linear-gradient(#fff, #F0E1E3);
    height: 10rem;
    border-radius: 2px;
    text-align: center;
    margin-bottom: 0.3rem;
    margin-left:1%; 
    position: relative;
    padding:0 0.9%;
    box-sizing: border-box;
}
.promotion_detail .p_d_item img{
    width: 2rem;
    margin-top: 0.8rem;
}
.promotion_detail .p_d_item .cointype{
    color: #9B9998;
    font-size: 1rem;
}
.promotion_detail .p_d_item .coinnum{
    font-size: 0.8rem;
    margin: 1rem 0;
}
.promotion_detail .p_d_item .more_detail{
    display: block;
    width: 94%;
    height: 2rem;
    background-color: #ECD6D9;
    border-radius: 2px;
    text-align: center;
    position: absolute;
    bottom: 0.3rem;
}


/***** 详情页-START *****/
.Promotiontab{
    width: 100%;
    height: 3rem;
    font-size: 1rem;
    background-color: #ffffff;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}
.Promotiontab div{
    width: 49.8%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.Promotiontab-fl{
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-right: 1px solid #F3F3F3;
    float: left;
    color: #8a8a8a;
}
.Promotiontab-fr{
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    float: right;
    color: #8a8a8a;
}
.Promotionlist{
    background-color: #fff;
    width: 100%;
    /* min-height: 40rem */
}

.Promotionlist .Promotiontab1{
    width: 100%;
    height: 100%;
    margin-top: 0.1rem;
}
.Promotionlist .Promotiontab1,.Promotionlist .Promotiontab2{
    min-height:400px;
}
.Promotionlist .Promotiontab1 .Promote-users{
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.Promotionlist .Promotiontab1 .Promote-users li{
    width: 100%;
    height: 4rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #F3F3F3;
}
.Promotionlist .Promotiontab1 .Promote-users li div{
    display: inline-block;
    padding: 0.1rem 0.1rem;
    font-size: 1rem;
    padding-left: 1rem;
    float: left;
}
.Promotionlist .Promotiontab1 .Promote-users li span{
    display: inline-block;
    padding: 0.1rem 0.1rem;
    font-size: 1rem;
    color: #8a8a8a;
    padding-right: 1rem;
    float: right;
}
.Promotionlist .Promotiontab2{
    width: 100%;
    height: 100%;
    margin-top: 0.1rem;
}
.Promotionlist .Promotiontab2 .pagination-list{
    width: 100%;
    margin: 0 auto;
}
.Promotionlist .Promotiontab2 .pagination-list li{
    width: 100%;
    height: 4rem;
    margin-top: 0.1rem;
    line-height: 1.6rem;
    border-bottom: 1px solid #F3F3F3;
}
.Promotionlist .Promotiontab2 .pagination-list li div{
    display: inline-block;
    width: 4.5rem;
    height: 100%;
    padding-left: 1rem;
    /* padding: 0.3rem 0.5rem; */
    /* float: left; */
}
.Promotionlist .Promotiontab2 .pagination-list li div .pagination-list-divtop{
    display: inline-block;
    width: 10rem;
    height: 30%;
    padding: 0.3rem 0.2rem;
}
.Promotionlist .Promotiontab2 .pagination-list li div .pagination-list-divbottom{
    display: inline-block;
    width: 8rem;
    height: 30%;
    color: #515151;
    padding: 0.3rem 0.2rem;
}
.Promotionlist .Promotiontab2 .pagination-list li span{
    display: inline-block;
    width: 10.5rem;
    height: 100%;
    padding-right: 1rem;
    float: right;
}
.Promotionlist .Promotiontab2 .pagination-list li span .spandata{
    display: inline-block;
    width: 10rem;
    height: 30%;
    text-align: right;
    font-size: 0.9rem;
    padding: 0.3rem 0.3rem;
}
.Promotionlist .Promotiontab2 .pagination-list li span .Quantity{
    display: inline-block;
    width: 6rem;
    height: 30%;
    text-align: right;
    padding: 0.3rem 0.2rem;
    float: right;
}

.activec{
    color: #000000;
    position: absolute;
    top: -0.5rem;
    border-bottom: 2px solid red;
}
.pagebtn{
    width: 96%;
    margin: 0 auto;
    position: relative;
    align-items: center;
    height: 3rem;
    padding-top: 1rem;
    font-size: 16px;
}
.pagebtn .pagination {
    position: relative;
    margin: 0 auto;
    width: 95%;
    margin-top: 0.5rem;
    height: 1rem;
}
.pagebtn .pagination li{
    display: inline-block;
    margin:0 5px;
}
.pagebtn .pagination li a{
    padding: 0rem .5rem;
    display:inline-block;
    border-radius: 50%;
    background:#fff;
    color:#434343;
}
.pagebtn .pagination li a:hover{
    background:#eee;
}
.pagebtn .pagination li.active a{
    background:#C4C4C4;
    color:#fff;
}
/***** 详情页-END *****/



#biaoios{
    z-index: -60;
    position: relative;
    top: -18.5rem;
}
.prompt{
    padding: 8px;
    color: #9B9998;
    margin-bottom: 1rem;
}
.prompt p{
    color: #9B9998;
    line-height: 2rem;
    font-size: 1rem;
}
